<template>
	<view class="w-mine-menu u-flex u-col-center" @click="$emit('click')">
		<view class="u-p-30 u-flex u-col-center">
			<u-image width="70rpx" height="70rpx" :src="icon"></u-image>
			<view class="u-p-l-20" style="color: #FFFFFF;">
				<view class="u-font-30" style="font-weight: bold;">
					{{title}}
				</view>
				<view class="u-font-20">
					{{subTitle}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"w-mine-menu",
		props: {
			title: {
				type: String,
				default: '我的房屋'
			},
			subTitle: {
				type: String,
				default: '我的房屋信息'
			},
			icon:{
				type: String,
				default: '/static/home.png'
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
.w-mine-menu{
	width: 330rpx;
	border-radius: 20rpx;
	background: linear-gradient(90deg, #63d8ad 0%, #52e5a8 100%);
	box-shadow: 0rpx 3rpx 7rpx rgba(9, 206, 103, 0.44);
}
</style>
